import axios from 'axios'
import { getToken } from './auth'
import { Message } from 'element-ui'
// 1.通用配置
// 2.定制配置

//    通用配置

//     1.axios实例化  axios.create（）  基地址baseUrl  + 超时时间timeOut（100ms）

// 扩展：axios 的create 的方法可以调用多次
// export default const a = axios.create({ baseURL: 'a.com' })
// export default const b = axios.create({ baseURL: 'b.com' })

//     2.请求拦截器   请求头中添加token数据  接口鉴权  统一配置

//     客户端发送请求，= 请求拦截器 （针对请求参数做处理） -后端
// 扩展 可以添加多个请求拦截器

// 客户端请求  -> 请求拦截器1（处理参数）  ->请求拦截器2（处理参数）

//      3. 响应拦截器   数据剥离 - res.data  /401 错误处理 / 前端自定义错误处理
// 后端  => 响应拦截器  => 客户端
//    成功回调  200-300
//    失败回调  不在这个之间

const service = axios.create({
  baseURL: 'https://api-hmzs.itheima.net/v1',
  timeout: 5000 // request timeout
})

// 请求拦截器
service.interceptors.request.use(
  config => {
    // 添加token
    const token = getToken()
    if (token) {
      config.headers.Authorization = token
    }
    // 返回出去给后台
    return config
  },
  error => {
    return Promise.reject(error)
  }
)

// 响应拦截器
service.interceptors.response.use(
  response => {
    return response.data
  },
  error => {
    console.dir(error)
    // console.log(error.response.data.message)
    Message({
      type: 'warning',
      message: error.response.data.msg
    })
    return Promise.reject(error)
  }
)

export default service
